<template>
  <div class="EventDetail">
    <a-form-model
      ref="ruleForm"
      :model="form"
      :rules="rules"
      :label-col="labelCol"
      :wrapper-col="wrapperCol"
    >
      <a-form-model-item label="事件名称" prop="eventName">
        <a-input v-model="form.eventName"></a-input>
      </a-form-model-item>
      <a-form-model-item label="备注" prop="eventName">
        <a-textarea
          v-model="form.bz"
          :auto-size="{ minRows: 10, maxRows: 15 }"
        />
      </a-form-model-item>
    </a-form-model>
  </div>
</template>

<script>
export default {
  name: 'EventDetail',
  data () {
    return {
      form: {},
      rules: {},
      labelCol: { span: 4 },
      wrapperCol: { span: 18 },
    }
  },
  props: {
    event: {
      type: Object,
      default: () => {}
    }
  },
  created () {
    this.form = Object.assign(this.form, this.event)
  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
.EventDetail{
  max-height: 550px;
  overflow-y: auto;
}
</style>
